<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="gallery_content/css/main.css">
    </head>
    <body class="um-vp bc-bg" ontouchstart>
        <div class="ub ub-ver">
            <div id="slider" class="slider">
            </div>
            <br>
            <div class="ub-f1 ub ub-ver">
                <div class="ub bc-text">
                    <div class="ub-f1 ub ub-ver ub-ac ub-pc  xyfq">
                        <div class="ub-img uwh-acc2 accIcon1 umar-at1"></div>
                        <div class="ulev-1 umar-t-acc1">
                            学校概况
                        </div>
                    </div>
                    <div class="ub-f1 ub ub-ver ub-ac ub-pc bdlc">
                        <div class="ub-img uwh-acc2 accIcon2 umar-at1"></div>
                        <div class="ulev-1 umar-t-acc1">
                            美景随拍
                        </div>
                    </div>
                    <div class="ub-f1 ub ub-ver ub-ac ub-pc dlwz">
                        <div class="ub-img uwh-acc2 accIcon3 umar-at1"></div>
                        <div class="ulev-1 umar-t-acc1">
                           地理位置
                        </div>
                    </div>
                    <div class="ub-f1 ub ub-ver ub-ac ub-pc zbms">
                        <div class="ub-img uwh-acc2 accIcon4 umar-at1"></div>
                        <div class="ulev-1 umar-t-acc1">
                            周边美食
                        </div>
                    </div>
                </div>
                <div class="ub bc-text">
                    <div class="ub-f1 ub ub-ver ub-ac ub-pc xymj">
                        <div class="ub-img uwh-acc2 accIcon5 umar-at1"></div>
                        <div class="ulev-1 umar-t-acc1">
                      校园美景                  
                        </div>
                    </div>
                    <div class="ub-f1 ub ub-ver ub-ac ub-pc whhd">
                        <div class="ub-img uwh-acc2 accIcon6 umar-at1"></div>
                        <div class="ulev-1 umar-t-acc1">
                            文化活动
                        </div>
                    </div>
                    <div class="ub-f1 ub ub-ver ub-ac ub-pc xfsp">
                        <div class="ub-img uwh-acc2 accIcon7 umar-at1"></div>
                        <div class="ulev-1 umar-t-acc1">
                               消费水平        
                        </div>
                    </div>
                    <div class="ub-f1 ub ub-ver ub-ac ub-pc lxfs">
                        <div class="ub-img uwh-acc2 accIcon8 umar-at1"></div>
                        <div class="ulev-1 umar-t-acc1">
                            来校方式
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <br>
        <div id="listview"  class="ubt bc-border sc-bg">
        </div>
 
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
        <script src="js/appcan.slider.js"></script>
<script src="js/appcan.listview.js"></script>
 </body>
    <script>
        appcan.ready(function() {
            appcan.initBounce();
        })

       var slider = appcan.slider({
       selector : '#slider',
       aspectRatio:6/16,
       hasLabel:true,
       index:0
       });
        slider.set([{
            img : "gallery/img/1.jpg",
            label:"校园一景"
        }, {
            img : "gallery/img/2.jpg",
            label:"校园一景"
        }, {
            img : "gallery/img/3.jpg",
            label:"校园一景"
        }, {
            img : "gallery/img/4.jpg",
            label:"校园一景"
        }, {
            img : "gallery/img/5.jpg",
            label:"校园一景"
        }])
        slider.on("clickItem",function(index,data){
        })
    var lv = appcan.listview({
        selector : "#listview",
        type : "thinLine",
        hasIcon : false,
        hasAngle : true,
        hasSubTitle : true,
        multiLine : 1,
    });
    lv.set([{
        title : "校园快讯",
        subTitle:"12:05",
        id:"1"
    }, {
        title : "校园快讯",
        subTitle:"12:05",
        id:"2"
    }])
    lv.on("click",function(ele,obj,curEle){
        //alert(111);
    })
 </script>
 <script>
     //校园概况点击事件
      appcan.button(".xyfq", "btn-act", function() {
        uexWindow.open("jianjie","0","jianjie.html","0","0","0","0","200");
      })

    //校园风景点击事件
    appcan.button(".xyfq5", "btn-act", function() {
        uexWindow.open("scenery","0","scenery.html","0","0","0","0","200");
    })

    //周边美食点击事件
    appcan.button(".zbms", "btn-act", function() {
        uexWindow.open("scenery","0","scenery.html","0","0","0","0","200");
    })

    
    //校园美景点击事件
    appcan.button(".xymj", "btn-act", function() {
        uexWindow.open("fengjing","0","fengjing.html","0","0","0","0","200");
    })

   //地理位置点击事件
    appcan.button(".dlwz", "btn-act", function() {
        uexWindow.open("quwei","0","quwei.html","0","0","0","0","200");
    })

    //报到流程点击事件
    appcan.button(".bdlc", "btn-act", function() {
        uexWindow.open("bdlc","0","bdlc.html","0","0","0","0","200");
    })
    //文化活动点击事件
    appcan.button(".whhd", "btn-act", function() {
     
        uexWindow.open("whhd","0","whhd.html","0","0","0","0","200");
    })
    //消费水平点击事件
    appcan.button(".xfsp", "ani-act", function() {
     
        uexWindow.open("xfsp","0","xiaofei/xfsp.html","0","0","0","0","200");
         
    })
    //来校方式点击事件
    appcan.button(".lxfs", "ani-act", function() {
        uexWindow.open("lxfs_drawer","0","lxfs_drawer.html","0","0","0","0","200");
         
    })
 </script>
</html>